<!--
 * @Description: 
 * @Date: 2023-04-12 16:55:20
 * @LastEditors: czp
 * @LastEditTime: 2023-04-14 16:24:05
-->
<template>
	<!-- 分页组件 -->
	<el-pagination
		:current-page="pageable.page"
		:page-size="pageable.rows"
		:page-sizes="[10, 25, 50, 100]"
		:background="true"
		layout="total, sizes, prev, pager, next, jumper"
		:total="pageable.total"
		@update:page-size="handleSizeChange"
		@update:current-page="handleCurrentChange"
	></el-pagination>
</template>

<script setup lang="ts" name="Pagination">
interface IPaginationProps {
	pageable: { page: number; rows: number; total: number };
	handleSizeChange: (size: number) => void;
	handleCurrentChange: (currentPage: number) => void;
}

defineProps<IPaginationProps>();
</script>
